<%--
  Created by IntelliJ IDEA.
  User: 陌灬
  Date: 2022/11/29
  Time: 17:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%@include file="../common.jsp"%>
</head>
<body style="background: #e0dbd6; position: relative">

    <div class="layui-logo layuimini-logo" style="overflow: hidden; position: relative; width: 70%"></div>
        <%--轮播图--%>
        <div id="test10" class="layui-carousel" style="border-radius: 6%;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);" >
            <div carousel-item="" style=" border-radius: 4.5%; width: 100%">
                <div><img src="../../images/loginbg.jpg" style="width: 100%; height: 100%"></div>
                <div><img src="../../images/loginbg.png" style="width: 100%; height: 100%"></div>
            </div>
        </div>
    </div>




<script>
     //轮播图设置
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;

        var ins10 = carousel.render({
            elem: '#test10'
        });
        // 图片轮播
        carousel.render({
            elem: '#test10'
            ,width: '90%'
            ,height: '100%'
        // ,autoplay:'false'
            ,interval: 3000
            ,anim: 'fade'
            ,indicator:'inside'
            ,arrow:'always'
        });

        //单击事件
        $("#test10").click(function(){
            console.log("触发单击事件")
        })

    });

</script>

</body>
</html>
